<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="node_modules/vue/dist/vue.js"></script>
<div id="app">
    <ul>
        <li v-for="(user,index) in users" :key="index" v-if="user.gender=='女'">
            当前索引：{{index}}=>{{user.name}}---------{{user.gender}}-------{{user.age}}

<!--            对象信息-->
            <span v-for="(k,v,i) in user">{{i}}--{{k}}--{{v}}</span>
        </li>
    </ul>
    <hr>
    <ul>
        <li v-for="(num,index) in nums" :key="index">{{num}}</li>
    </ul>
</div>
<script>
    let app = new Vue({
        el: "#app",
        data: {
            users: [{ name: '柳岩', gender: '女', age: 21 },
                { name: '张三', gender: '男', age: 18 },
                { name: '范冰冰', gender: '女', age: 24 },
                { name: '刘亦菲', gender: '女', age: 18 },
                { name: '古力娜扎', gender: '女', age: 25 }],
            nums: [1,2,3,4,4]
        },
    })
</script>
</body>
</html>